@charset "utf-8";

/*= Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
ol, ul { list-style: none; }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/*= Global
----------------------------------------------- */
body { background: #ccc; font: 12px Arial; color: #000;}
a:link { color: #000; text-decoration:none; }
a:visited { color: #666; text-decoration:none; }
a:hover { color:#ff6633; text-decoration:underline; }
.clear { clear:both; }
.fr { float:right !important; }
.fl { float:left !important; }

#wrapper { width:1150px; min-height:520px; margin:40px auto; text-align:left; background:#fff; padding:20px 20px 40px 20px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 7px 7px 5px rgba(110, 110, 110, 0.6); -moz-box-shadow: 7px 7px 5px rgba(110, 110, 110, 0.6); box-shadow: 7px 7px 5px rgba(110, 110, 110, 0.6);
}
#header { height:50px; }
#header .module-header{ color:#f57b20; margin:10px; float:left; font-size:20px; font-weight:bold;}
p.copyright { text-align:center; color:#333; }

/*= Navigator
----------------------------------------------- */
.nav{ margin:0; padding:8px 0 8px 20px; background:#eee; font-size:11px;}
.nav span{ padding:0 0px 0 5px; color:#999; }
.nav span a{ color:#999; }
.nav span a:hover{ color:#f57b20; }

/*= Login Form
-------------------------------------------------------------- */
.login-form { width:300px; margin:100px auto; background:#fff; padding:20px; border:1px solid #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.login-form h1 { font-size:22px; text-align:center; margin:0 0 20px 0; }
.login-form ul li { margin:10px; }
.login-form ul li label { float:left; width:80px; text-align:right; margin-right:5px; }
.login-form ul li input[type='text'],
.login-form ul li input[type='password'] { border:1px solid #7f9db9; width:150px; }
.login-form .button { background: url("images/black-1.gif"); border:none; color: #fff; cursor: pointer; width: 52px; font-size:11px; height:22px; line-height:22px; }
.login-form .button:hover { background: url("images/black-1.gif") 0 100%; }

/*= Menu
-------------------------------------------------------------- */
#access { display: block; float: left; width: 100%; background: #f57b20;
	-webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
}
#access li { float: left; position: relative; border-right:1px dotted #fff; }
#access a { display: block; line-height: 20px; padding:5px 10px 5px 10px; text-decoration: none; color:#fff; font-weight:bold; }
#access ul ul { display: none; position: absolute; top: 30px; left: 0; float: left; z-index: 99999;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
#access ul ul li { border-top:1px dotted #fd9d55; min-width: 100px; }
#access ul ul a { background: #fff; color:#f57b20; line-height: 1em; padding: 10px; height: auto; }
#access li:hover > a,
#access ul ul :hover > a { background: #fd9d55; color: #fff; }
#access ul li:hover > ul { display: block; }
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a { color: #fff; }
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover { color: #fff; }

/*= Dashboard (Home)
----------------------------------------------- */
ul.dashboard-list { margin:50px 0 0 0; }
ul.dashboard-list li { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #D2D2D2; float: left; height: 94px; line-height: 13px; margin: 0 12px 12px 0; padding: 3px; width: 94px; }
ul.dashboard-list li a{ background:#F8F8F8; color: #2E738C; display: block; font-size: 11px; height: 94px; text-align: center; text-decoration: none; width: 94px; }
ul.dashboard-list li a img { margin: 15px 0; width:48px; height:48px;}
ul.dashboard-list li span { display: block; margin-top: -5px; }

/*=table
----------------------------------------------- */
.table-menu { margin:15px 0 15px 0; padding:12px 0 12px 0; border:1px solid #ccc; background:#eee; min-height:13px; }
.table-menu li{ float:left; }
.table-menu a{ padding:3px 10px 2px 10px; color:#666; }
.table-menu img{ vertical-align:middle; margin:-2px 5px 0 5px; }
.table-menu a:hover{ position:relative; top:2px; }

.list { clear:both; margin-bottom:10px;}
.list li {height:26px;}
.list .title{ font-weight:bold; color:#f57b20; text-align:center; }
.list .title a{ color:#f57b20; }
.list .title span{ border-bottom:2px solid #f57b20; border-top:2px solid #ccc; }
.list .title span:last-child{ border-right:1px solid #ccc; }
.list .node{ clear:both; }
.list span{ display:block; float:left; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:3px; overflow:hidden; height:20px; line-height:20px; }
.list span img{ vertical-align:middle;}
.list .node span img.image {height:20px;}
.list .tool{ border-left:2px solid #f57b20; }

.alt0 { background: #eee; }
.alt1 { background: #fff; }

.page{ clear:both; margin:0; padding:10px 0 10px 0; height:20px; line-height:15px; }
.page .text{ float:left; padding:2px 5px 2px 5px; font-size:10px; color:#f57b20; }
.page .number a{ float:left; padding:2px 5px 2px 5px; cursor:pointer; font-size:10px; color:#f57b20; border:1px solid #fff; }
.page .number.active a{ border:1px solid #f57b20; }
.page .number a:hover{ background: #f57b20; border:1px solid #f57b20; color: #fff; }

.icon-bar{ margin:0; padding:5px 0 0 0; background:#fff; width:1000px; height:30px; }
.icon{ float:left; padding:2px 10px 2px 10px; }
.icon img{ position:relative; top:3px; }
.no-data { font-size:16px; font-weight:bold; margin:0; padding-top:50px; text-align:center; }

.btn {border:1px solid #ccc; background:#ddd; cursor:pointer;}

/*=gallery
-------------------------------------------------------------- */
.grid li.node { float:left; margin:10px;}
.grid li.node .grid-image img {height:120px;}
.grid .tool {display:block;}

/*= Filter
-------------------------------------------------------------- */
.filter-date { margin:-3px 10px 0 5px;}
.filter-date input[type='text']{ border:1px solid #ccc; width:120px; }
.filter-date input[type='submit']{ border:1px solid #ccc; background:#ddd; cursor:pointer;}

/*= Search
-------------------------------------------------------------- */
.search { float:right; margin:-3px 10px 0 5px;}
.search input[type='text'] { border:1px solid #ccc;}
.search input[type='submit'] { border:1px solid #ccc; background:#ddd; cursor:pointer; }

/*= Form
-------------------------------------------------------------- */
.form{ padding-top:20px; clear:both; }
.form .node label.label { font-weight:bold; color:#f57b20; display: block;}
.form .node label.radio {}
.form .node { margin:5px 0 10px 0; }
.form .node .input { border:1px solid #ddd; padding:2px; clear:both;}
.form .node input { color:#333; font-size:12px; }
.form label.radio { cursor:pointer; }
.submit { margin:20px 0 0 0; }
.require { color:#f57b20; font-size:12px; font-weight:bold; }
.desc { color:#999; }
.form .flag {float:left; margin-right:10px;}

/*= Category 
-------------------------------------------------------------- */
.category {float:right; margin:-3px 10px 0 5px; border:1px solid #ccc; width:120px;}

.w20{ width:20px; }
.w30{ width:30px; }
.w40{ width:40px; }
.w50{ width:50px; }
.w60{ width:60px; }
.w70{ width:70px; }
.w80{ width:80px; }
.w90{ width:90px; }
.w100{ width:100px; }
.w120{ width:120px; }
.w150{ width:150px; }
.w180{ width:180px; }
.w200{ width:200px; }
.w250{ width:250px; }
.w300{ width:300px; }
.w350{ width:350px; }
.w400{ width:400px; }
.w450{ width:450px; }
.w500{ width:500px; }
.w550{ width:550px; }
.w600{ width:600px; }
.w650{ width:650px; }
.w800{ width:800px; }

.h20{ height:20px; }
.h30{ height:30px; }
.h40{ height:40px; }
.h50{ height:50px; }
.h60{ height:60px; }
.h70{ height:70px; }
.h80{ height:80px; }
.h90{ height:90px; }
.h100{ height:100px; }
.h150{ height:150px; }
.h200{ height:200px; }
.h250{ height:250px; }
.h300{ height:300px; }
.h350{ height:350px; }
.h400{ height:400px; }